<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>多列布局</title>
    <style>
        body{
            background-image: url(./1.webp);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .lie{
            width: 1000px;
            margin: 0 auto;
            padding: 10px;
            border: 1px solid silver;
            column-count: 4;
            margin-top: 2em;
            column-gap: 30px;
            column-rule: 2px solid red;
        }
        h1{
            height: 1.5em;
            line-height: 1.5em;
            text-align: center;
            background-color: rgb(98, 121, 115);
            column-span: all;
        }
        .liekuang{
            width: 1000px;
            margin: 0 auto;
            padding: 10px;
            border: 1px solid silver;
            margin-top: 2em;
            column-width: 250px;
            column-gap: 40px;
            column-rule: 5px dashed rgb(233, 171, 171);
        }
        h2{
            text-align: center;
        }
    </style>
</head>
<body>
    <h2>属性：column-count、column-gap、column-span、column-rule</h2>
    <div class="lie">
    <h1>鲁迅文章摘抄</h1>
    <p>1、中国人的性情是总喜欢调和折中的，譬如你说，这屋子太暗，须在这里开一个窗，大家一定不允许的。但如果你主张拆掉屋顶他们就来调和，愿意开窗了。——《无声的中国》一九二七年

<hr>2、穷人的孩子，蓬头垢面在街上转，阔人的孩子，妖形妖势，娇声娇气的在家里转，长大了，都昏天黑地的在社会转，同他们的父亲一样，或者还不如。——《随感录二十五》一九一八年

<hr>3、中国大约太老了，社会上事无大小，都恶劣不堪，像一只黑色的染缸，无论加进甚么新东西去，都变成漆黑。可是除了再想法子来改革之外，也再没有别的路。我看一切理想家，不是怀念『过去』，就『是希望将来』，而对于『现在』这一个题目，都缴了白卷，因为谁也开不出药方。所有最好的药方即所谓『希望将来』的就是。——《两地书》一九二五年

<br><hr>4、我先前总以为人是有罪，所以鎗毙或坐监的。现在才知道其中的许多，是先因为被人认为『可恶』，这才终于犯了罪。——《可恶罪》一九二七年

<br><hr>5、无论从那里来的，只要是食物，壮健者大抵就无需思索，承认是吃的东西。惟有衰病的，却总常想到害胃，伤身，特有许多禁例，许多避忌；还有一大套比较利害而终于不得要领的理由，例如吃固无妨，而不吃尤稳，食之或当有益，然究以不吃为宜云云之类。但这一类人物总要日见其衰弱的，自己先已失了活气了。——《看镜有感》一九二五年</p>
</div>
<br>
<h2>属性：column-width、column-gap、column-rule</h2>
<div class="liekuang">
    <h1>鲁迅文章摘抄</h1>
    <p>1、中国人的性情是总喜欢调和折中的，譬如你说，这屋子太暗，须在这里开一个窗，大家一定不允许的。但如果你主张拆掉屋顶他们就来调和，愿意开窗了。——《无声的中国》一九二七年

<hr>2、穷人的孩子，蓬头垢面在街上转，阔人的孩子，妖形妖势，娇声娇气的在家里转，长大了，都昏天黑地的在社会转，同他们的父亲一样，或者还不如。——《随感录二十五》一九一八年

<hr>3、中国大约太老了，社会上事无大小，都恶劣不堪，像一只黑色的染缸，无论加进甚么新东西去，都变成漆黑。可是除了再想法子来改革之外，也再没有别的路。我看一切理想家，不是怀念『过去』，就『是希望将来』，而对于『现在』这一个题目，都缴了白卷，因为谁也开不出药方。所有最好的药方即所谓『希望将来』的就是。——《两地书》一九二五年

<br><hr>4、我先前总以为人是有罪，所以鎗毙或坐监的。现在才知道其中的许多，是先因为被人认为『可恶』，这才终于犯了罪。——《可恶罪》一九二七年

<br><hr>5、无论从那里来的，只要是食物，壮健者大抵就无需思索，承认是吃的东西。惟有衰病的，却总常想到害胃，伤身，特有许多禁例，许多避忌；还有一大套比较利害而终于不得要领的理由，例如吃固无妨，而不吃尤稳，食之或当有益，然究以不吃为宜云云之类。但这一类人物总要日见其衰弱的，自己先已失了活气了。——《看镜有感》一九二五年</p>
</div>
</body>
</html>